﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title>
        <meta name="viewport" content="width=device-width" />
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        @Styles.Render("~/Content/mobileCss", "~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    </head>
    <body>
        <div data-role="page" data-theme="b">
            <div data-role="panel" id="menuPanel" data-position="right" data-display="overlay" data-dismissible="false" style="background-color: black">
              
                <div data-role="collapsible-set" data-theme="b" data-content-theme="d">
                    <div data-role="collapsible" data-collapsed= false>
                        <h2>Grocery Tracker</h2>
                        <ul data-role="listview" data-divider-theme="d">
                            <li data-role="list-divider">Select Mode</li>
                            <li data-transition="fade">@Html.ActionLink("Menu Scheduler", "MenuScheduler","TSD_Home")</li>
                            <li data-transition="fade">@Html.ActionLink("Search Products", "SearchProducts","TSD_Home")</li>
                            <li data-transition="fade">@Html.ActionLink("Log New Products", "Index","Home")</li>
                            @*<li data-transition="fade">@Html.ActionLink("TID-Index", "Index","Home")</li>*@
                        </ul>
                    </div>
                    <div data-role="collapsible">
                        <h2>Formatted text</h2>
                        <ul data-role="listview" data-theme="d" data-divider-theme="d">
                            <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
                            <li><a href="index.html">
                                    <h3>Stephen Weber</h3>
                                    <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
                                    <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
                                    <p class="ui-li-aside"><strong>6:24</strong>PM</p>
                                </a></li>
                            <li><a href="index.html">
                                    <h3>jQuery Team</h3>
                                    <p><strong>Boston Conference Planning</strong></p>
                                    <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
                                    <p class="ui-li-aside"><strong>9:18</strong>AM</p>
                                </a></li>
                        </ul>
                    </div>
                    <div data-role="collapsible">
                        <h2>Thumbnails and split button</h2>
                        <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
                            <li><a href="index.html">
                                    <img src="../../_assets/img/album-bb.jpg">
                                    <h3>Broken Bells</h3>
                                    <p>Broken Bells</p>
                                </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
                                    </a></li>
                            <li><a href="index.html">
                                    <img src="../../_assets/img/album-hc.jpg">
                                    <h3>Warning</h3>
                                    <p>Hot Chip</p>
                                </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
                                    </a></li>
                            <li><a href="index.html">
                                    <img src="../../_assets/img/album-p.jpg">
                                    <h3>Wolfgang Amadeus Phoenix</h3>
                                    <p>Phoenix</p>
                                </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
                                    </a></li>
                        </ul>
                    </div>
                </div>
                <a href="#my-header" data-mini="true" data-theme="e" data-role="button" data-icon="arrow-r" data-iconpos="right"
                   data-rel="close">Close panel</a>
            </div><!-- /panel -->
            <div data-role="header">
                <!--New-->
                @if (IsSectionDefined("Header"))
                {
                    @RenderSection("Header")
                }
                else
                {
                    @Html.Partial("_LoginPartial")
                    <h1>@ViewBag.Title</h1>    
                }
                <!--EndNew-->
                <!--Old-->
                @*@Html.Partial("_LoginPartial")
                <h1>@ViewBag.Title</h1>*@
                <!--OldOff-->
                <a href="#menuPanel" data-icon="bars">Menu</a>
            </div>
            <div data-role="content">
                @RenderBody()
            </div>
        </div>
        @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
        @RenderSection("scripts", required: false)
    </body>
</html>
